<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>风尚购物-江西电视台购物的官方网站，全新的家庭购物体验</title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<script src="jquery-3.3.1.js"></script>
		<script src="js/index.js"></script>
		<style type="text/css">
			/*侧边栏*/
			.scroll{
				width: 36px;
				position:fixed;
				top: 0;
				right: 0;
				bottom: 0;
				background: #666666;
				
			}
			.scroll ul li{
				font-size: 12px;
				color: #EEEEEE;
				width: 20px;
				text-align: center;
				margin: 50px auto;
				line-height: 20px;
			}
			.scroll ul li:hover{
				cursor: pointer;
			}
			.scroll ul li:before{
				content: "";
				display: block;
				width: 20px;
				border: 1px solid #EEEEEE;
				margin-bottom: 50px;
			}
			.scroll ul li ul li:before{
				content: "";
				width: 0px;
				border: none;
			}
			.scroll ul li ul li img{
				position: relative;
				left: -130px;
				top: -155px;
				display: none;
			}
			.scroll ul li:hover img{
				display: block;
			}
			.scroll ul li i{
				display:inline-block;
				width: 15px;
				height:20px;
				background: red;
				border: 1px solid #FF0000;
				border-radius:15px/20px;
				align-content: center;
				line-height: 17px;
			}
			/*顶部导航*/
			.header_top_box{
				font-size: 12px;
			}
			.header_top_box span{
				font-size: 12px;
			}
			.header_top_box a{
				font-size: 12px;
				position: relative;
				left: -120px;
			}
			.header_top_box a dl dt,dd{
				height: 30px;
				line-height: 30px;
			}
			.header_top_box ul li{
				font-size: 12px;
			}
			.header_top_box input{
				height: 25px;
				line-height: 36px;
				text-align: center;
				font-size: 12px;
				align-self: center;
				background: #fff;
				border: none;
				/*vertical-align: middle;*/
			}
/*2*/			
			.header_center {
				height: 200px;
			}
			.header_center .w{
				height: 200px;
			}
			.header_center span{
				margin-left: 175px;
			}
			.header_center .w span a{
				font-size: 12px;
			}
			.header_center .w input{
				height: 40px;
				width: 500px;
				position: relative;
				top: 50px;
				left: 80px;
				border:3px solid red;
				border-radius: 5px;
			}
			.header_center .w #search{
				height: 40px;
				width: 100px;
				background: red;
				position: relative;
				left: 967px;
				top: 10px;
				border-radius: 5px;
				color: #FFFFFF;
				text-align: center;
				line-height:1px;
				font-size: 20px;
				cursor: pointer;
			}
			.header_center .w #shopping_car{
				height: 40px;
				width: 130px;
				background: #fff;
				border: 1px solid #999999;
				position: relative;
				left: 1090px;
				top: -30px;
				
			}
			.header_center .w #shopping_car span{
				display: inline-block;
				height: 40px;
				width: 120px;
				font-size: 14px;
				color: #999999;
				line-height: 40px;
				position: relative;
				left: -160px;
				top: -22px;
				cursor: pointer;
			}
			.header_center .w #shopping_car span a{
				font-size: 14px;
			}
			.header_center .w #shopping_car img{
				display: inline-block;
				width: 20px;
				height: 20px;
				position: relative;
				top: 8px;
			}
			.header_center .w #shopping_car span:hover{
				color: red;
			}
			.header_center .w ul{
				position: relative;
				left: 470px;
				top: -27px;
			}
			.header_center .w ul li{
				display: inline-block;
				float: left;
				font-size: 12px;
				color: #999999;
				margin-right: 10px;
				cursor: pointer;
			}
			.header_center .w ul li:hover{
				color: red;
			}
			.header_center .w dl{
				height: 36px;
				
			}
			.header_center .w dl dt{
				width: 220px;
				height: 36px;
				background:red;
				font-size: 14px;
				cursor: pointer;
				position: relative;
				top: 8px;
				left: 0px;
				text-align: center;
				line-height: 6px;
				color: #fff;
			}
			.header_center .w dl dd:hover{
				color: red;
			}
			.header_center .w dl dd{
				font-size: 12px;
				color: #999999;
				cursor: pointer;
				float: left;
				position: relative;
				left: 270px;
				top:-25px;
				margin-right: 90px;
			}
			.header_center .w dl #tv img{
				height: 15px;
				width: 25px;
				position: relative;
				top: 7px;
			}
			.header_center .w i{
				display: inline-block;
				height: 15px;
				width: 15px;
				position: relative;
				top: -20px;
				left: 250px;
			}
			.header_center .w #news{
				width: 400px;
				height: 18px;
				display: inline-block;
				position: relative;
				left: 250px;
				top: -17px;
				overflow: hidden;
			}
			.header_center .w #news span{
				float: left;
				line-height: 18px;
				font-size: 12px;
				position: relative;
				left: -170px;
			}
		/*banner*/
			.banner{
				width: 100%;
				height:400px;
				position: relative;	
			}
			.banner .w{
				width: 1920px;
				height: 400px;
				position: absolute;
				top: 0;
				left: 50%;
				margin-left:-960px;
				overflow: hidden;
			}
			.banner .w img {
				width: 1920px;
				height: 400px;
			}
			.banner .w ul li{
				width: 1920px;
				height: 400px;
				overflow: hidden;
				float: left;
			}
			.banner .w ul {
				position: absolute;
				left: 0;
				top: 0;
				width: 17280px;
			}
			.banner .w ol {
				position: absolute;
				right: 890px;
				bottom: 10px;
			}
			.banner .w ol li {
				width: 15px;
				height: 15px;
				float: left;
				background: #CCCCCC;
				border: 1px solid #ccc;
				border-radius: 50%;
				margin-left: 10px;
				cursor: pointer;
			}
			.banner .w ol li.current {
				background:#FF0000;
				border-color: #FF0000;
			}

		/*center*/
		
		
			.center{
				width: 100%;
				position: relative;		
				overflow: hidden;
			}
			.center .w{
				width: 1200px;
				margin: 0 auto;
				
			}
			.center .w ul{
				width: 1200px;
				height: 160px;
				float: left;
			}
			.center .w ul li{
				width: 230px;
				height: 160px;
				float: left;
				cursor: pointer;
				margin-right: 10px;
			}
			.center .w span{
				height: 50px;
				line-height: 50px;
				font-size: 25px;
				color: red;
				font-weight: bold;
				display: inline-block;
				float: left;
			}
			.center .w i{
				font-size: 15px;
				color:#999999;
				position: relative;
				left: 10px;
				top: 18px;
			}
			.center .w p{
				width:1200px;
				overflow: hidden;
			}
			/*热播推荐开始*/
			.center .w #rebo{
				width: 1200px;
				height: 680px;
				position: relative;
				*top: 30px;
			}
			.center .w #rebo #left{
				width: 400px;
				height: 680px;
				float: left;
				border: 1px solid #EEEEEE;
			}
			.center .w #rebo #left img{
				width: 360px;
				height: 360px;
				margin: 20px auto;
			}
			.center .w #rebo #left #circle{
				width: 400px;
				height: 20px;
			}
			.center .w #rebo #left #circle i{
				display: inline-block;
				width: 15px;
				height: 15px;
				background:#999999;
				border: 1px solid #999999;
				border-radius: 50%;
				position: relative;
				top: -40px;
				left: 150px;
			}
			.center .w #rebo #left span a{
				font-weight: normal;
				font-size: 12px;
				color: #999999;
				margin-left: 10px;
			}
			.center .w #rebo #left span a:hover{
				color: red;
			}
			.center .w #rebo #left b{
				font-size: 10px;
				color: red;
				font-weight: bold;
				position: relative;
				top: 35px;
				left: -133px;
			} 
			.center .w #rebo #left i{
				font-size: 12px;
				font-weight: bold;
				color: #000000;
				position: relative;
				top: 70px;
				left: -200px;
			}
			.center .w #rebo #right{
				width: 760px;
				height: 680px;
				margin-top: -42px;
				float: right;
				display:flex;
				
			}
			.center .w #rebo #right ul{
				margin-left: 17px;
			}
			.center .w #rebo #right ul li{
				width: 236px;
				height: 321px;
				margin-top: 39px;
				border: 1px solid #EEEEEE;
				position: relative;
			}
			.center .w #rebo #right ul li:hover{
				/*-webkit-box-shadow: #ccc 0px 0px 10px;
                -moz-box-shadow: #ccc 0px 0px 10px;*/
				box-shadow: #ccc 0px 0px 10px;
			}
			.center .w #rebo #right ul li img{
				margin-left: 3px;
			}
			.center .w #rebo #right ul li span{
				font-size: 12px;
				color:#666666;
				font-weight: normal;
				margin-left: 5px;
			}
			.center .w #rebo #right ul li span:hover{
				color: red;
			}
			.center .w #rebo #right ul li b{
				color: red;
				font-weight: bold;
				font-size: 14px;
				position: absolute;
				left: 0;
				top: 275px;
				margin-left: 5px;
			}
			/*全球购开始*/
			.center .w #quanqiugou{
				width:1200px ;
				height:900px;
				
			}
			.center .w #quanqiugou p{
				height: 50px;
				line-height: 50px;
				font-size: 25px;
				color:#000000;
				font-weight: bold;
				display: inline-block;
				border-bottom: 1px solid red;
				margin-top: 30px;
			}
			.center .w #quanqiugou dl{
				height: 820px;
				width: 1200px;
				/*background: pink;*/
				display: flex;
				flex-wrap: wrap;
				
			}
			.center .w #quanqiugou dl dt{
				height: 383px;
				width: 588px;
			}
			.center .w #quanqiugou dl dd{
				width: 282px;
				height: 383px;
				border: 1px solid #EEEEEE;
				position: relative;
				margin-left:20px;
			}
			.center .w #quanqiugou dl dd:nth-child(2){
				margin-left: 16px;
			}
			.center .w #quanqiugou dl dd:nth-child(4){
				margin-left: 0px;
			}
			.center .w #quanqiugou dl dt img{
				width: 582px;
				height: 383px;
			}
			.center .w #quanqiugou dl dd img{
				width: 280px;
			}
			.center .w #quanqiugou dl dd:hover{
				/*-webkit-box-shadow: #ccc 0px 0px 10px;
                -moz-box-shadow: #ccc 0px 0px 10px;*/
				box-shadow: #ccc 0px 0px 10px;
			}
			.center .w #quanqiugou dl dd span{
				font-size: 12px;
				color:#666666;
				font-weight: normal;
				margin-left: 7px;
				cursor: pointer;
			}
			.center .w #quanqiugou dl dd span:hover{
				color: red;
			}
			.center .w #quanqiugou dl dd b{
				color: red;
				font-weight: bold;
				font-size: 14px;
				position: absolute;
				left: 0;
				top: 335px;
				margin-left: 5px;
			}
			/*家居生活开始*/
			.center .w #jiajushenghuo{
				width:1200px ;
				height:900px;
				
			}
			.center .w #jiajushenghuo p{
				height: 50px;
				line-height: 50px;
				font-size: 25px;
				color:#000000;
				font-weight: bold;
				display: inline-block;
				border-bottom: 1px solid red;
				margin-top: 30px;
			}
			.center .w #jiajushenghuo dl{
				height: 820px;
				width: 1200px;
				/*background: pink;*/
				display: flex;
				flex-wrap: wrap;
				
			}
			.center .w #jiajushenghuo dl dt{
				height: 383px;
				width: 588px;
			}
			.center .w #jiajushenghuo dl dd{
				width: 282px;
				height: 383px;
				border: 1px solid #EEEEEE;
				position: relative;
				margin-left:20px;
			}
			.center .w #jiajushenghuo dl dd:nth-child(2){
				margin-left: 16px;
			}
			.center .w #jiajushenghuo dl dd:nth-child(4){
				margin-left: 0px;
			}
			.center .w #jiajushenghuo dl dt img{
				width: 582px;
				height: 383px;
			}
			.center .w #jiajushenghuo dl dd img{
				width: 280px;
			}
			.center .w #jiajushenghuo dl dd:hover{
				/*-webkit-box-shadow: #ccc 0px 0px 10px;
                -moz-box-shadow: #ccc 0px 0px 10px;*/
				box-shadow: #ccc 0px 0px 10px;
			}
			.center .w #jiajushenghuo dl dd span{
				font-size: 12px;
				color:#666666;
				font-weight: normal;
				margin-left: 7px;
				cursor: pointer;
			}
			.center .w #jiajushenghuo dl dd span:hover{
				color: red;
			}
			.center .w #jiajushenghuo dl dd b{
				color: red;
				font-weight: bold;
				font-size: 14px;
				position: absolute;
				left: 0;
				top: 335px;
				margin-left: 5px;
			}
			/*服饰配件开始*/
			.center .w #fushipeijian{
				width:1200px ;
				height:900px;
				
			}
			.center .w #fushipeijian p{
				height: 50px;
				line-height: 50px;
				font-size: 25px;
				color:#000000;
				font-weight: bold;
				display: inline-block;
				border-bottom: 1px solid red;
				margin-top: 30px;
			}
			.center .w #fushipeijian dl{
				height: 820px;
				width: 1200px;
				/*background: pink;*/
				display: flex;
				flex-wrap: wrap;
				
			}
			.center .w #fushipeijian dl dt{
				height: 383px;
				width: 588px;
			}
			.center .w #fushipeijian dl dd{
				width: 282px;
				height: 383px;
				border: 1px solid #EEEEEE;
				position: relative;
				margin-left:20px;
			}
			.center .w #fushipeijian dl dd:nth-child(2){
				margin-left: 16px;
			}
			.center .w #fushipeijian dl dd:nth-child(4){
				margin-left: 0px;
			}
			.center .w #fushipeijian dl dt img{
				width: 582px;
				height: 383px;
			}
			.center .w #fushipeijian dl dd img{
				width: 280px;
			}
			.center .w #fushipeijian dl dd:hover{
				/*-webkit-box-shadow: #ccc 0px 0px 10px;
                -moz-box-shadow: #ccc 0px 0px 10px;*/
				box-shadow: #ccc 0px 0px 10px;
			}
			.center .w #fushipeijian dl dd span{
				font-size: 12px;
				color:#666666;
				font-weight: normal;
				margin-left: 7px;
				cursor: pointer;
			}
			.center .w #fushipeijian dl dd span:hover{
				color: red;
			}
			.center .w #fushipeijian dl dd b{
				color: red;
				font-weight: bold;
				font-size: 14px;
				position: absolute;
				left: 0;
				top: 335px;
				margin-left: 5px;
			}
			/*食品健康开始*/
			.center .w #shipingjiankang{
				width:1200px ;
				height:900px;
				
			}
			.center .w #shipingjiankang p{
				height: 50px;
				line-height: 50px;
				font-size: 25px;
				color:#000000;
				font-weight: bold;
				display: inline-block;
				border-bottom: 1px solid red;
				margin-top: 30px;
			}
			.center .w #shipingjiankang dl{
				height: 820px;
				width: 1200px;
				/*background: pink;*/
				display: flex;
				flex-wrap: wrap;
				
			}
			.center .w #shipingjiankang dl dt{
				height: 383px;
				width: 588px;
			}
			.center .w #shipingjiankang dl dd{
				width: 282px;
				height: 383px;
				border: 1px solid #EEEEEE;
				position: relative;
				margin-left:20px;
			}
			.center .w #shipingjiankang dl dd:nth-child(2){
				margin-left: 16px;
			}
			.center .w #shipingjiankang dl dd:nth-child(4){
				margin-left: 0px;
			}
			.center .w #shipingjiankang dl dt img{
				width: 582px;
				height: 383px;
			}
			.center .w #shipingjiankang dl dd img{
				width: 280px;
			}
			.center .w #shipingjiankang dl dd:hover{
				/*-webkit-box-shadow: #ccc 0px 0px 10px;
                -moz-box-shadow: #ccc 0px 0px 10px;*/
				box-shadow: #ccc 0px 0px 10px;
			}
			.center .w #shipingjiankang dl dd span{
				font-size: 12px;
				color:#666666;
				font-weight: normal;
				margin-left: 7px;
				cursor: pointer;
			}
			.center .w #shipingjiankang dl dd span:hover{
				color: red;
			}
			.center .w #shipingjiankang dl dd b{
				color: red;
				font-weight: bold;
				font-size: 14px;
				position: absolute;
				left: 0;
				top: 335px;
				margin-left: 5px;
			}
			/*珠宝收藏开始*/
			.center .w #zhubaoshoucang{
				width:1200px ;
				height:900px;
				
			}
			.center .w #zhubaoshoucang p{
				height: 50px;
				line-height: 50px;
				font-size: 25px;
				color:#000000;
				font-weight: bold;
				display: inline-block;
				border-bottom: 1px solid red;
				margin-top: 30px;
			}
			.center .w #zhubaoshoucang dl{
				height: 820px;
				width: 1200px;
				/*background: pink;*/
				display: flex;
				flex-wrap: wrap;
				
			}
			.center .w #zhubaoshoucang dl dt{
				height: 383px;
				width: 588px;
			}
			.center .w #zhubaoshoucang dl dd{
				width: 282px;
				height: 383px;
				border: 1px solid #EEEEEE;
				position: relative;
				margin-left:20px;
			}
			.center .w #zhubaoshoucang dl dd:nth-child(2){
				margin-left: 16px;
			}
			.center .w #zhubaoshoucang dl dd:nth-child(4){
				margin-left: 0px;
			}
			.center .w #zhubaoshoucang dl dt img{
				width: 582px;
				height: 383px;
			}
			.center .w #zhubaoshoucang dl dd img{
				width: 280px;
			}
			.center .w #zhubaoshoucang dl dd:hover{
				/*-webkit-box-shadow: #ccc 0px 0px 10px;
                -moz-box-shadow: #ccc 0px 0px 10px;*/
				box-shadow: #ccc 0px 0px 10px;
			}
			.center .w #zhubaoshoucang dl dd span{
				font-size: 12px;
				color:#666666;
				font-weight: normal;
				margin-left: 7px;
				cursor: pointer;
			}
			.center .w #zhubaoshoucang dl dd span:hover{
				color: red;
			}
			.center .w #zhubaoshoucang dl dd b{
				color: red;
				font-weight: bold;
				font-size: 14px;
				position: absolute;
				left: 0;
				top: 335px;
				margin-left: 5px;
			}
			/*美容美发开始*/
			.center .w #meirongmeifa{
				width:1200px ;
				height:900px;
				
			}
			.center .w #meirongmeifa p{
				height: 50px;
				line-height: 50px;
				font-size: 25px;
				color:#000000;
				font-weight: bold;
				display: inline-block;
				border-bottom: 1px solid red;
				margin-top: 30px;
			}
			.center .w #meirongmeifa dl{
				height: 820px;
				width: 1200px;
				/*background: pink;*/
				display: flex;
				flex-wrap: wrap;
				
			}
			.center .w #meirongmeifa dl dt{
				height: 383px;
				width: 588px;
			}
			.center .w #meirongmeifa dl dd{
				width: 282px;
				height: 383px;
				border: 1px solid #EEEEEE;
				position: relative;
				margin-left:20px;
			}
			.center .w #meirongmeifa dl dd:nth-child(2){
				margin-left: 16px;
			}
			.center .w #meirongmeifa dl dd:nth-child(4){
				margin-left: 0px;
			}
			.center .w #meirongmeifa dl dt img{
				width: 582px;
				height: 383px;
			}
			.center .w #meirongmeifa dl dd img{
				width: 280px;
			}
			.center .w #meirongmeifa dl dd:hover{
				/*-webkit-box-shadow: #ccc 0px 0px 10px;
                -moz-box-shadow: #ccc 0px 0px 10px;*/
				box-shadow: #ccc 0px 0px 10px;
			}
			.center .w #meirongmeifa dl dd span{
				font-size: 12px;
				color:#666666;
				font-weight: normal;
				margin-left: 7px;
				cursor: pointer;
			}
			.center .w #meirongmeifa dl dd span:hover{
				color: red;
			}
			.center .w #meirongmeifa dl dd b{
				color: red;
				font-weight: bold;
				font-size: 14px;
				position: absolute;
				left: 0;
				top: 335px;
				margin-left: 5px;
			}
			/*保健养生开始*/
			.center .w #baojianyangshen{
				width:1200px ;
				height:900px;
				
			}
			.center .w #baojianyangshen p{
				height: 50px;
				line-height: 50px;
				font-size: 25px;
				color:#000000;
				font-weight: bold;
				display: inline-block;
				border-bottom: 1px solid red;
				margin-top: 30px;
			}
			.center .w #baojianyangshen dl{
				height: 820px;
				width: 1200px;
				/*background: pink;*/
				display: flex;
				flex-wrap: wrap;
				
			}
			.center .w #baojianyangshen dl dt{
				height: 383px;
				width: 588px;
			}
			.center .w #baojianyangshen dl dd{
				width: 282px;
				height: 383px;
				border: 1px solid #EEEEEE;
				position: relative;
				margin-left:20px;
			}
			.center .w #baojianyangshen dl dd:nth-child(2){
				margin-left: 16px;
			}
			.center .w #baojianyangshen dl dd:nth-child(4){
				margin-left: 0px;
			}
			.center .w #baojianyangshen dl dt img{
				width: 582px;
				height: 383px;
			}
			.center .w #baojianyangshen dl dd img{
				width: 280px;
			}
			.center .w #baojianyangshen dl dd:hover{
				/*-webkit-box-shadow: #ccc 0px 0px 10px;
                -moz-box-shadow: #ccc 0px 0px 10px;*/
				box-shadow: #ccc 0px 0px 10px;
			}
			.center .w #baojianyangshen dl dd span{
				font-size: 12px;
				color:#666666;
				font-weight: normal;
				margin-left: 7px;
				cursor: pointer;
			}
			.center .w #baojianyangshen dl dd span:hover{
				color: red;
			}
			.center .w #baojianyangshen dl dd b{
				color: red;
				font-weight: bold;
				font-size: 14px;
				position: absolute;
				left: 0;
				top: 335px;
				margin-left: 5px;
			}
			/*数码家电开始*/
			.center .w #shumajiadian{
				width:1200px ;
				height:900px;
				
			}
			.center .w #shumajiadian p{
				height: 50px;
				line-height: 50px;
				font-size: 25px;
				color:#000000;
				font-weight: bold;
				display: inline-block;
				border-bottom: 1px solid red;
				margin-top: 30px;
			}
			.center .w #shumajiadian dl{
				height: 820px;
				width: 1200px;
				/*background: pink;*/
				display: flex;
				flex-wrap: wrap;
				
			}
			.center .w #shumajiadian dl dt{
				height: 383px;
				width: 588px;
			}
			.center .w #shumajiadian dl dd{
				width: 282px;
				height: 383px;
				border: 1px solid #EEEEEE;
				position: relative;
				margin-left:20px;
			}
			.center .w #shumajiadian dl dd:nth-child(2){
				margin-left: 16px;
			}
			.center .w #shumajiadian dl dd:nth-child(4){
				margin-left: 0px;
			}
			.center .w #shumajiadian dl dt img{
				width: 582px;
				height: 383px;
			}
			.center .w #shumajiadian dl dd img{
				width: 280px;
			}
			.center .w #shumajiadian dl dd:hover{
				/*-webkit-box-shadow: #ccc 0px 0px 10px;
                -moz-box-shadow: #ccc 0px 0px 10px;*/
				box-shadow: #ccc 0px 0px 10px;
			}
			.center .w #shumajiadian dl dd span{
				font-size: 12px;
				color:#666666;
				font-weight: normal;
				margin-left: 7px;
				cursor: pointer;
			}
			.center .w #shumajiadian dl dd span:hover{
				color: red;
			}
			.center .w #shumajiadian dl dd b{
				color: red;
				font-weight: bold;
				font-size: 14px;
				position: absolute;
				left: 0;
				top: 335px;
				margin-left: 5px;
			}
			
			/*后面三部分补充*/
			.footer_add .footer_add_body #left dl dd:nth-child(4){
				position: relative;
				top: -20px;
			}
			.footer_add .footer_add_body #right dl dd:nth-child(4){
				position: relative;
				top: -20px;
			}
			.footer_add .footer_add_body #right{
				margin-left: 10px;
			}
			.footer_add .footer_add_body #center dl{
				top:-40px;
			}
			.footer_add .footer_add_body dl img{
				width: 80px;
				height: 80px;
			}
			
			.helpLink .helpLink_body #left dl dt b{
				font-size: 12px;
			}
		</style>
	</head>
	<body>
		<div class="header_top">
			<div class="header_top_box">
				<i>送至：</i>
				<div>
					<input disabled="disabled" value="湖南省长沙市岳麓区"/>
					<!--<div id="area">
						<ul class="tab">
					        <li class="tab-item active">商品介绍</li>
					        <li class="tab-item">规格参数</li>
					        <li class="tab-item">支付/配送/退换货</li>
					        <li class="tab-item">商品评价(0)</li>
					    </ul>
					    <div class="products">
					        <div class="main selected">
					            <img src="imgs/316671.jpg"/>
					        </div>
					        <div class="main">
					            <img src="imgs/xiangqing2.png"/>
					        </div>
					        <div class="main">
					            <img src="imgs/微信图片_20181208163637.png"/>
					        	<p><a href="https://ab.alipay.com/i/yinhang.htm">支付宝支持的银行卡>></a></p>
					        	<img src="imgs/微信图片_20181208163642.png"/>
					        	<img src="imgs/微信图片_20181208163652.png"/>
					        	<img src="imgs/20140703110651_4887.jpg"/>
					        	<img src="imgs/微信图片_20181208163659.png"/>
					        </div>
					        <div class="main">
					            <img src="imgs/微信图片_20181208163702.png"/>
					        </div>
					    </div>
					</div>-->
				</div>
				<span>欢迎来到风尚购物</span>
				<a href="login.html">我的风尚
					<dl>
						<dt>我的订单</dt>
						<dd>我的收藏</dd>
					</dl>
				|  </a>
				<ul>
					<li>4001-677-077</li>  |
					<li>客服中心</li>
				</ul>
			</div>
		</div>
		
		<div class="header_center">
			<div class="w">
				<span><a href="login.html">登录</a><a href="register.html">注册</a></span>
				<a href="#"><img src="imgs/1 (1).png" class="img1"/></a>
				<img src="imgs/1 (3).jpeg" class="img2"/>
				<input placeholder="请输入商品关键词或者货号"/>
				<div id="search">搜索</div>
				<div id="shopping_car"><img src="imgs/shopping_car.png"/><span><a href="shopping_car.html">我的购物车  ></a></span></div>
				<ul>
					<li>鞋子</li>
					<li>薇依床品</li>
					<li>空气炸锅</li>
					<li>零食</li>
					<li>酒</li>
					<li>羽绒服</li>
					<li>牛肉</li>
				</ul>
				<dl>
					<dt>全部商品分类  \/</dt>
					<dd>首页</dd>
					<dd id="tv"><img src="imgs/TV.png"/>电视直播</dd>
					<dd>热卖榜</dd>
					<dd>风尚慧</dd>
					<dd>品牌店中店</dd>
				</dl>
				<i><img src="imgs/laba.png"/></i>
				<div id="news">
					<span>江西风尚电视购物相关招标文件下载</span>
					<span>风尚购物价格解释</span>
				</div>
			</div>
		</div>
		<!--banner轮播图-->
		<div class="banner">
			<div class="w">
				<ul id="imgs">
					<li><img src="imgs/banner1.jpg" alt=""/></li>
					<li><img src="imgs/banner2.jpg" alt=""/></li>
					<li><img src="imgs/banner3.jpg" alt=""/></li>
					<li><img src="imgs/banner4.jpg" alt=""/></li>
					<li><img src="imgs/banner5.jpg" alt=""/></li>
					<li><img src="imgs/banner6.jpg" alt=""/></li>
					<li><img src="imgs/banner7.jpg" alt=""/></li>
					<li><img src="imgs/banner8.jpg" alt=""/></li>
					<li><img src="imgs/banner1.jpg" alt=""/></li>

				</ul>
				<ol>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ol>
			</div>
		</div>
		<!--center主体-->
		<div class="center">
			<div class="w">
				<ul>
					<li><a href="#"><img src="imgs/shangpin1.jpeg"/></a></li>
					<li><a href="#"><img src="imgs/shangpin2.jpeg"/></a></li>
					<li><a href="#"><img src="imgs/shangpin3.jpeg"/></a></li>
					<li><a href="#"><img src="imgs/shangpin4.jpeg"/></a></li>
					<li><a href="#"><img src="imgs/shangpin5.jpeg"/></a></li>
				</ul>
				<p><span>热播推荐</span><i>热卖排行</i></p>
				<div id="rebo">
					<div id="left">
						<img src="imgs/rebo_left1.jpeg"/>
						<!--<div id="circle">-->
							<!--<i></i>-->
							<!--<i></i>-->
							<!--<i></i>-->
							<!--<i></i>-->
							<!--<i></i>-->
						<!--</div>-->
						<span><a href="#">美的侧吸近吸式烟灶套组</a></span>
						<b>￥2,299.00</b>
						<i>网站推荐：</i>
					</div>
					<div id="right">
						<ul>

						</ul>
					</div>
				</div>
				
				<div id="quanqiugou">
					<p><b>全球购</b></p>
					<dl>
						<dt><a href="#"><img src="imgs/quanqiugou_1_1.png"/></a></dt>
						<dd><a href="#"><img src="imgs/quanqiugou_1_2.jpeg"/></a>
							<span>日本进口山本汉方控压茶压流茶</span>
							<b>￥166.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/quanqiugou_1_3.jpeg"/></a>
							<span>超润面膜滋润保湿补水-D</span>
							<b>￥113.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/quanqiugou_1_4.jpeg"/></a>
							<span>超润面膜滋润保湿补水-D</span>
							<b>￥113.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/quanqiugou_1_5.jpeg"/></a>
							<span>美白保湿收毛孔薏仁水-D</span>
							<b>￥140.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/quanqiugou_1_6.jpeg"/></a>
							<span>美白保湿收毛孔薏仁水-D</span>
							<b>￥123.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/quanqiugou_1_7.jpeg"/></a>
							<span>薏仁保湿面霜175g-D</span>
							<b>￥109.00</b>
						</dd>
					</dl>
				</div>
				<div id="jiajushenghuo">
					<p><b>家居生活</b></p>
					<dl>
						<dt><a href="#"><img src="imgs/jiajushenghuo_1_1.jpeg"/></a></dt>
						<dd><a href="#"><img src="imgs/jiajushenghuo_1_2.jpg"/></a>
							<span>京美咲折叠遇水开花睛雨伞-D</span>
							<b>￥126.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/jiajushenghuo_1_3.jpg"/></a>
							<span>肯泰多功能晾晒梯套组</span>
							<b>￥298.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/jiajushenghuo_1_4.jpg"/></a>
							<span>德国ALES快速高压锅具套组</span>
							<b>￥699.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/jiajushenghuo_1_5.jpg"/></a>
							<span>年氢水富氢水杯健康组</span>
							<b>￥699.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/jiajushenghuo_1_6.jpg"/></a>
							<span>V6无线电动工具升级组</span>
							<b>￥219.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/jiajushenghuo_1_7.jpg"/></a>
							<span>LAROMA硅胶拔罐器家庭组</span>
							<b>￥298.00</b>
						</dd>
					</dl>
				</div>
				<div id="fushipeijian">
					<p><b>服饰配件</b></p>
					<dl>
						<dt><a href="#"><img src="imgs/fushipeijian_1_1.jpeg"/></a></dt>
						<dd><a href="#"><img src="imgs/fushipeijian_1_2.jpg"/></a>
							<span>纽巴伦运动功能慢跑鞋</span>
							<b>￥299.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/fushipeijian_1_3.jpg"/></a>
							<span>金舵老船长特惠皮具组</span>
							<b>￥99.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/fushipeijian_1_4.JPG"/></a>
							<span>奢华舞钻璀璨腕表组</span>
							<b>￥598.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/fushipeijian_1_5.jpg"/></a>
							<span>花花公子时尚1+1女鞋组</span>
							<b>￥199.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/fushipeijian_1_6.jpg"/></a>
							<span>BC名模太阳镜家庭组</span>
							<b>￥299.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/fushipeijian_1_7.jpg"/></a>
							<span>HUGOMOFELL换片老花镜套组</span>
							<b>￥399.00</b>
						</dd>
					</dl>
				</div>
				<div id="shipingjiankang">
					<p><b>食品健康</b></p>
					<dl>
						<dt><a href="#"><img src="imgs/shipingjiankang_1_1.jpeg"/></a></dt>
						<dd><a href="#"><img src="imgs/shipingjiankang_1_2.jpg"/></a>
							<span>五粮液熊猫珍藏组</span>
							<b>￥998.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/shipingjiankang_1_3.jpg"/></a>
							<span>五粮液股份东方娇子精酿组</span>
							<b>￥699.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/shipingjiankang_1_4.jpg"/></a>
							<span>法国卡斯顿百年老藤珍酿组</span>
							<b>￥378.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/shipingjiankang_1_5.jpg"/></a>
							<span>汾牌珍品特惠组</span>
							<b>￥598.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/shipingjiankang_1_6.jpg"/></a>
							<span>裕隆盛曼松御品贡茶</span>
							<b>￥998.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/shipingjiankang_1_7.jpg"/></a>
							<span>谷林茶坊武夷山桐木关金骏眉</span>
							<b>￥499.00</b>
						</dd>
					</dl>
				</div>
				<div id="zhubaoshoucang">
					<p><b>珠宝收藏</b></p>
					<dl>
						<dt><a href="#"><img src="imgs/zhubaoshoucang_1_1.jpeg"/></a></dt>
						<dd><a href="#"><img src="imgs/zhubaoshoucang_1_2.jpg"/></a>
							<span>花开富贵翡翠组</span>
							<b>￥6,980.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/zhubaoshoucang_1_3.jpg"/></a>
							<span>风华绝代孔雀石镶嵌饰品套组</span>
							<b>￥999.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/zhubaoshoucang_1_4.jpg"/></a>
							<span>鼎云轩永恒星耀莫桑钻戒套组</span>
							<b>￥2,980.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/zhubaoshoucang_1_5.jpg"/></a>
							<span>富贵荣华菠菜绿碧玉珍藏组</span>
							<b>￥3,960.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/zhubaoshoucang_1_6.jpg"/></a>
							<span>喜歌五福临门和田玉牌套组</span>
							<b>￥999.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/zhubaoshoucang_1_7.jpg"/></a>
							<span>鸿运当头南红玛瑙饰品镶嵌套组</span>
							<b>￥998.00</b>
						</dd>
					</dl>
				</div>
				<div id="meirongmeifa">
					<p><b>美容美发</b></p>
					<dl>
						<dt><a href="#"><img src="imgs/meirongmeifa_1_1.jpeg"/></a></dt>
						<dd><a href="#"><img src="imgs/meirongmeifa_1_2.jpg"/></a>
							<span>TT复活草爆水双耳挂拉提面膜组</span>
							<b>￥262.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/meirongmeifa_1_3.jpg"/></a>
							<span>花酿肌慧无瑕祛斑套组</span>
							<b>￥399.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/meirongmeifa_1_4.jpg"/></a>
							<span>可贝尔珍珠抗皱眼纹消100片组</span>
							<b>￥299.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/meirongmeifa_1_5.jpg"/></a>
							<span>韩愢果染梳健康组</span>
							<b>￥298.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/meirongmeifa_1_6.jpg"/></a>
							<span>希卡露姿V7全能霜</span>
							<b>￥399.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/meirongmeifa_1_7.jpg"/></a>
							<span>Hopkinslab提拉紧致修复眼霜</span>
							<b>￥458.00</b>
						</dd>
					</dl>
				</div>
				<div id="baojianyangshen">
					<p><b>保健养生</b></p>
					<dl>
						<dt><a href="#"><img src="imgs/baojianyangshen_1_1.jpeg"/></a></dt>
						<dd><a href="#"><img src="imgs/baojianyangshen_1_2.jpg"/></a>
							<span>药王泉润枝冬虫夏草胶囊健康组</span>
							<b>￥999.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/baojianyangshen_1_3.jpg"/></a>
							<span>五养牌破壁灵芝孢子粉养生组</span>
							<b>￥699.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/baojianyangshen_1_4.jpg"/></a>
							<span>山益堂伊朗进口藏红花养生组</span>
							<b>￥568.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/baojianyangshen_1_5.jpg"/></a>
							<span>沙棘冻干精萃粉</span>
							<b>￥999.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/baojianyangshen_1_6.jpg"/></a>
							<span>日本进口道清源纳豆加赠组</span>
							<b>￥1,575.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/baojianyangshen_1_7.jpg"/></a>
							<span>金迪元鱼油软胶囊组</span>
							<b>￥299.00</b>
						</dd>
					</dl>
				</div>	
				<div id="shumajiadian">
					<p><b>数码家电</b></p>
					<dl>
						<dt><a href="#"><img src="imgs/shumajiadian_1_1.jpeg"/></a></dt>
						<dd><a href="#"><img src="imgs/shumajiadian_1_2.jpg"/></a>
							<span>达米尼8.5KG变频滚筒洗衣机</span>
							<b>￥2,499.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/shumajiadian_1_3.jpg"/></a>
							<span>CLARA多功能加热破壁料理机</span>
							<b>￥599.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/shumajiadian_1_4.jpg"/></a>
							<span>奔腾4D智能浮动剃须刀套组</span>
							<b>￥299.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/shumajiadian_1_5.jpg"/></a>
							<span>科沃斯mini3扫地机器人</span>
							<b>￥1,143.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/shumajiadian_1_6.jpg"/></a>
							<span>东芝65英寸4K超高清电视</span>
							<b>￥4,199.00</b>
						</dd>
						<dd><a href="#"><img src="imgs/shumajiadian_1_7.jpg"/></a>
							<span>荣耀SL智能睡眠按摩椅</span>
							<b>￥5,990.00</b>
						</dd>
					</dl>
				</div>
			</div>
		</div>
		
		<div class="footer_add">
			<div class="footer_add_body">
				<div id="left">
					<dl>
						<img src="imgs/2.png" />
						<dt><b><a href="#">手机注册 一步搞定</a></b></dt>
						<dd>输入手机号-输入验证码-获取手机</dd>
						<dd>验证码-设定密码-完成注册</dd>
					</dl>
				</div>
				<div id="center">
					<dl>
						<img src="imgs/3.png" />
						<dt><b><a href="#">型录/电商/新媒体视频招商加盟</a></b></dt>
						<dd>柳小姐：0791-88110022-8126</dd>
					</dl>
				</div>
				<div id="right">
					
					<dl>
						<img src="imgs/4.png" />
						<dt><b><a href="#">在线客服</a></b></dt>
						<dd>24小时客服热线:</dd>
						<dd>4001-677-077</dd>
						
					</dl>
				</div>
			</div>
		</div>
		<div class="helpLink">
			<div class="helpLink_body">
				<div id="left">
					<dl>
						<a href="#"><img src="imgs/1 (1).jpeg" /></a>
						<dt><b><a href="#">关于风尚购物</a></b></dt>
						<dd>江西风尚电视购物股份有限公司于2009年9月28日正式成立，公司致力于现代家庭电视购物，是传媒和零售的完美组合。江西电视台风尚购物频道是经国家广电总局批准的全国性的、同时也是江西第一家真正的专业家庭电视购物频道。</dd>
						
					</dl>
				</div>
				<div id="right">
					<dl>
						<dt>帮助中心</dt>
						<dd><a href="#">购物流程</a></dd>
						<dd><a href="#">使用订单状态说明</a></dd>
					</dl>
					<dl>
						<dt>配送方式</dt>
						<dd><a href="#">免费配送区域</a></dd>
						<dd><a href="#">配送范围</a></dd>
					</dl>
					<dl>
						<dt>支付方式</dt>
						<dd><a href="#">货到付款</a></dd>
						<dd><a href="#">银联支付</a></dd>
						<dd><a href="#">支付宝</a></dd>
						<dd><a href="#">微信支付</a></dd>
					</dl>
					<dl>
						<dt>客户服务</dt>
						<dd><a href="#">售后及退换货</a></dd>
						<dd><a href="#">在线客服</a></dd>
					</dl>
					<dl>
						<dt>会员中心</dt>
						<dd><a href="#">资料修改</a></dd>
						<dd><a href="#">找回密码</a></dd>
						<dd><a href="#">会员等级</a></dd>
						<dd><a href="#">会员权益</a></dd>
					</dl>
					<dl>
						<dt>招商专区</dt>
						<dd>关于我们</dd>
						<dd>合作流程</dd>
						<dd>联系我们</dd>
						<dd>供应商系统</dd>
					</dl>
				</div>
			</div>
		</div>
		<div class="foot">
			<div class="foot_body">
				<p><a href="http://www.miibeian.gov.cn/" target="_blank">ICP经营许可证：赣ICP备15000001号</a></p>
				<ul>
					<li><img src="imgs/1 (2).jpeg"/></li>
					<li><img src="imgs/1 (6).jpeg"/></li>
					<li><img src=" imgs/1 (7).jpeg"/></li>
					<li><img src="imgs/1 (5).jpeg"/></li>
					<li><img src="imgs/1 (4).jpeg"/></li>
				</ul>
			</div>
		</div>
		<div class="end">
			
		</div>
		<div class="scroll">
			<ul>
				<li><span id="index_shoppingCar">
					购物车
					</span>
					<!--<i>0</i>-->
				</li>
				<li>
					<span>
					我的消息
					</span>
					<!--<i>0</i>-->
				</li>
				<li><span>
					微信公众号
				    </span>
				    <ul>
				    	<li><img src="imgs/QRCode.jpg"/></li>
				    </ul>
				</li>
			</ul>
		</div>
	</body>
</html>
<script>
	//轮播图
    $(function () {
        //获取小按钮
        var $oLi = $("ol>li");
        //获取图片的宽度
        var imgW = $("#imgs > li").width();
        //默认第一个小按钮是活动
        $($oLi[0]).addClass("current");
        //点击小按钮，图片移动，并给小按钮设置背景颜色
        $oLi.on("click", function () {
            //将活动的小按钮添加一个类
            $(this).addClass("current").siblings().removeClass("current");
            //获取索引
            var num = $(this).index();
            $("#imgs").animate({
                left: -num * imgW + "px"
            }, 1000);
        });
        //循环播放
        function autoplay(){
            //判断小按钮中哪个按钮是活动的
            var num;
            $oLi.each(function () {
                //将ul向右移动
                if($(this).hasClass("current")) {
                    //得到活动的索引,然后加1
                    num = $(this).index() + 1;
                    //让图片移动
                    $("#imgs").animate({
                        left: -num * imgW + "px"
                    }, 1000);
                    //到达最后一张，让ul从头开始
                    if(num== $oLi.length) {
                        $("#imgs").animate({
                            left: "0px"
                        }, 0);
                        num = 0;
                    }
                }
            });
            //小按钮的背景色相应的改变
            $($oLi[num]).addClass("current").siblings().removeClass("current");
        }
        var timer=setInterval(autoplay,3000);

        //鼠标移入，暂停轮播
        $(".banner .w").on("mouseenter", function () {
            clearInterval(timer);
        });
        //鼠标移入，开始轮播
        $(".banner .w").on("mouseleave", function () {
            timer=setInterval(autoplay,3000);//滑过后恢复轮播效果
        });
    })

	  //喇叭轮播
//	  var textCount = 2;
//	  var index = 1;
//	  var intervalId;
//	  var buttonSpan = $('#news')[0].children;//htmlCollection span的集合
//	  //自动轮播功能 使用定时器
//	  autoPlay();
//	  function autoPlay(){
//	   intervalId = setInterval(function(){
//	    nextPage(true);
//	   },3000);
//	  }
//	  //当鼠标移入 停止轮播
//	  $('#news').mouseenter(function(){
//	   clearInterval(intervalId);
//	  });
//	  // 当鼠标移出，开始轮播
//	  $('#news').mouseleave(function(){
//	   autoPlay();
//	  });
//	  function nextPage(next){
//	   var targetop = 0;
//	   if(next){
//	    if(index == 2){
//	     targetop = 0;
//	     index = 1;
//	    }else{
//	     index++;
//	     targetop = -36*(index-1);
//	    }
//	   }else{
//	    if(index == 1){
//	     index = 2;
//	     targetop = -36*(imgCount-1);
//	    }else{
//	     index--;
//	     targetLeft = -36*(index-1);
//	   }
//	   $('#news').animate({left:targetop+'px'});
//	  }
//	   }

</script>